<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>注册</title>

    <link
      rel="shortcut icon"
      href="https://static.jyshare.com/images/favicon.ico"
    />
    <link
      rel="stylesheet"
      href="//at.alicdn.com/t/c/font_4522611_wieqaqu8q4.css"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
    />

    <link rel="stylesheet" href="<?php echo DIR_PUBLIC; ?>/css/reset.css" />
    <link rel="stylesheet" href="<?php echo DIR_PUBLIC; ?>/css/public.css" />
    <link rel="stylesheet" href="<?php echo DIR_PUBLIC; ?>/css/login.css" />
    <style>
      .content .login form .validate {
        width: 250px;
      }
      .content .login form .validate input {
        width: 150px;
        /* display: inline-block; */
        float: left;
      }
      #mycanvas {
        float: right;
        transform: translateY(19%);
        cursor: pointer;
        border-radius: 5px;
      }
    </style>
  </head>

  <body>
    <div class="header">
      <div class="logo">
        <a href="http://127.24.6.11/">智慧璇玑</a>
      </div>
      <div class="banner">
        <a href="http://127.24.6.11/">首页</a>
        <a href="<?php echo DIR_MODEL; ?>/publish.php">新帖</a>
        <a href="<?php echo DIR_MODEL; ?>/list_father.php">话题</a>
      </div>
      <ul>
        <li>
          <a href="<?php echo DIR_MODEL; ?>/login.php">登录</a>&nbsp;/&nbsp;
          <a href="<?php echo DIR_MODEL; ?>/register.php">注册</a>
        </li>
        <li>
          <a href="<?php echo DIR_MODEL; ?>/upload_img.php">
            <span class="iconfont icon-geren"></span>&nbsp;个人中心
          </a>
        </li>
        <li>
          <a href="./logout.php">
            <span class="iconfont icon-kaiguan"></span>&nbsp;注销
          </a>
        </li>
      </ul>
    </div>

    <div class="content">
      <div class="login">
        <h1>REGISTER</h1>
        <form action="<?php echo DIR_MODEL; ?>/register_deal.php" method="post">
          <span class="iconfont icon-geren"></span>
          <span class="iconfont icon-suo"></span>
          <span class="iconfont icon-suo"></span>

          <input
            class="user-int"
            name="user_name"
            type="text"
            placeholder="请输入用户名"
          />
          <p id="tooltip" style="display: none; top: 168px; left: 63%;">
            <span style="color: red; font-size: 14px;">*</span>
            由中文或英文组成，长度2-16位
          </p>
          <input
            class="pwd-int"
            name="user_password1"
            type="password"
            placeholder="密码"
          />
          <p id="tooltip" style="display: none; top: 223px; left: 63%">
            <span style="color: red; font-size: 14px;">*</span>
            由字母、数字、下划线组成，长度6-16位
          </p>
          <input
            class="pwd-int"
            name="user_password2"
            type="password"
            placeholder="再次输入密码"
          />
          <div class="validate">
            <input
              class="code-int"
              name="vcode"
              type="text"
              placeholder="验证码"
            />
            <canvas id="mycanvas" width="90" height="40">
              您的浏览器不支持canvas，请换个浏览器试试~
            </canvas>
          </div>
          <button class="get-login">register</button>
        </form>
      </div>
    </div>

    <div class="footer">
      <div class="footer-title">智慧璇玑</div>
      <div class="footer-content">
        Copyright &copy; 2024 智慧璇玑 All Rights Reserved
      </div>
    </div>
  </body>

  <script src="<?php echo DIR_PUBLIC; ?>/js/register.js"></script>
</html>
